<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/mall-common :: common_head(~{::title},~{::link},~{::script})">
  <title>注册-网上图书商城</title>
  <link rel="stylesheet" href="/styles/edge/register.css">
  <script src="/javascript/edge/register.js" type="text/javascript"></script>
</head>
<body>
<img src="/images/reg.png" class="background-view"/>
<div class="register-panel">
  <div class="logo-container">
    <img src="/images/5.jpg" class="logo-img"/>
  </div>
  <form class="form-container" action="/edge/register-complete" method="post">
    <div class="form-field">
      <div class="field-title">账号</div>
      <input placeholder="请输入您的账号" id="form_register_input_number" type="text"
             class="field-input form-control" name="name">
    </div>
    <div class="form-field form-field-password">
      <div class="field-title">密码</div>
      <input placeholder="请输入您的密码" id="form_register_input_password" type="password"
             class="field-input form-control" name="password">
    </div>
    <div class="form-field">
      <div class="field-title">昵称</div>
      <input placeholder="请输入您的昵称" id="form_register_input_nickname" type="text"
             class="field-input form-control" name="nickname">
    </div>
    <div class="form-field">
      <div class="field-title">性别</div>
      <select class="form-select field-input form_register_input_sex" id="form-item-sex" name="sex">
        <option value="1">男</option>
        <option value="0">女</option>
        <option value="2">保密</option>
      </select>
    </div>
    <div class="form-field">
      <div class="field-title">邮箱</div>
      <input placeholder="请输入您的邮箱" id="form_register_input_email" type="text"
             class="field-input form-control" name="email">
    </div>
    <div class="form-field">
      <div class="field-title">电话</div>
      <input placeholder="请输入您的电话" id="form_register_input_phone" type="text"
             class="field-input form-control" name="phone">
    </div>
    <div class="err-msg">
    </div>
    <button type="submit" class="btn btn-primary register-btn">立即注册</button>
  </form>
  <div class="more-actions-container">
    <button th:onclick="location='/edge/login'" type="button" class="btn btn-light login-btn" data-mdb-ripple-color="dark">已有账号？立即登录</button>
  </div>
  <div class="flex-box"></div>
  <div class="copyright-container">
    21008020201 蒋世杰<br>
    21008020204 王新瑞
  </div>
</div>
</body>
</html>